/*
 * @Author: xiaosihan 
 * @Date: 2024-08-18 17:05:49 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-09-22 20:44:32
 */

// 右侧面板
.rightPlaneDemo {
    position: absolute;
    display: inline-block;
    width: 410px;
    background-color: #ffffff;
    height: 100%;
    vertical-align: top;
    transition: all 0.5s;
    right: -410px;
    top: 60px;
    border-radius: 4px 0px 0px 4px;

    &.show {
        right: 0px;
    }

    .menu {
        display: inline-block;
        width: 30px;
        height: 100%;
        background-color: #EBEBEB;
        border-radius: 4px 4px 4px 4px;
        box-sizing: border-box;
        padding: 5px 0px 0px 5px;

        .menu_itme {
            display: inline-block;
            width: 25px;
            word-break: break-word;
            text-align: center;
            box-sizing: border-box;
            padding: 10px 0px 10px 0px;
            text-align: center;
            border-radius: 5px 0px 0px 5px;
            cursor: pointer;
            margin-bottom: 1px;

            &.active {
                background-color: #ffffff;
            }
        }
    }

}